<!DOCTYPE HTML>
<html>
<head>
    <title>Monitoring</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta charset="UTF-8" />
        <title>PKL 54 | Home</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
        <link rel="icon" type="image/icon" href="images/logo/home.png">

        <!--nyoba pasang-->
        <link rel='stylesheet' id='main-css'  href='css/header.css' type='text/css' media='all' />
        <link rel='stylesheet' id='montserrat-css'  href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C700%7COpen+Sans%3A300%2C400%2C700&#038;ver=4.1' type='text/css' media='' />
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
        <!--tututp-->

        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/templatemo_style.css">
        <link rel="stylesheet" href="css/templatemo_misc.css">
        <link rel="stylesheet" href="css/flexslider.css">
        <link rel="stylesheet" href="css/testimonails-slider.css">
        <script src="js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
        <script type='text/javascript'>
            /* <![CDATA[ */
            var meris_js_var = {"global_color": "#FED136"};
            /* ]]> */
        </script>
        <script type='text/javascript' src='js/less.min.js'></script>
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/respond.min.js?ver=1.4.2'></script>
        <script type='text/javascript' src='http://www.mageewp.com/meris/wp-content/themes/meris/js/meris.js?ver=1.0.4'></script>
        <meta name="generator" content="WordPress 4.1" />
        <script type="text/javascript">
            jQuery(document).ready(function () {
                // CUSTOM AJAX CONTENT LOADING FUNCTION
                var ajaxRevslider = function (obj) {

                    // obj.type : Post Type
                    // obj.id : ID of Content to Load
                    // obj.aspectratio : The Aspect Ratio of the Container / Media
                    // obj.selector : The Container Selector where the Content of Ajax will be injected. It is done via the Essential Grid on Return of Content

                    var content = "";

                    data = {};

                    data.action = 'revslider_ajax_call_front';
                    data.client_action = 'get_slider_html';
                    data.token = '07773db7dc';
                    data.type = obj.type;
                    data.id = obj.id;
                    data.aspectratio = obj.aspectratio;

                    // SYNC AJAX REQUEST
                    jQuery.ajax({
                        type: "post",
                        url: "http://www.mageewp.com/meris/wp-admin/admin-ajax.php",
                        dataType: 'json',
                        data: data,
                        async: false,
                        success: function (ret, textStatus, XMLHttpRequest) {
                            if (ret.success == true)
                                content = ret.data;
                        },
                        error: function (e) {
                            console.log(e);
                        }
                    });

                    // FIRST RETURN THE CONTENT WHEN IT IS LOADED !!
                    return content;
                };

                // CUSTOM AJAX FUNCTION TO REMOVE THE SLIDER
                var ajaxRemoveRevslider = function (obj) {
                    return jQuery(obj.selector + " .rev_slider").revkill();
                };

                // EXTEND THE AJAX CONTENT LOADING TYPES WITH TYPE AND FUNCTION
                var extendessential = setInterval(function () {
                    if (jQuery.fn.tpessential != undefined) {
                        clearInterval(extendessential);
                        if (typeof (jQuery.fn.tpessential.defaults) !== 'undefined') {
                            jQuery.fn.tpessential.defaults.ajaxTypes.push({type: "revslider", func: ajaxRevslider, killfunc: ajaxRemoveRevslider, openAnimationSpeed: 0.3});
                            // type:  Name of the Post to load via Ajax into the Essential Grid Ajax Container

                        }
                    }
                }, 30);
            });
        </script>
        <meta name="generator" content="WordPress 4.1" />
</head>
<body>

<!--Header-->
        <header>
            <div class="container">
                <div class="logo-box text-left">

                    <a href="#PKL">
                        <img src="images/logo/home.png" class="site-logo" alt="" />
                    </a>
                    <div class="name-box">
                        <a href="#PKL54"><h1 class="site-name">PKL 54</h1></a>
                        <span class="site-tagline">Dari kita, oleh kita untuk Indonesia</span>
                    </div>
                </div>
                <button class="site-nav-toggle">
                    <span class="sr-only">Toggle navigation</span>
                    <i class="fa fa-bars fa-2x"></i>
                </button>
                <form class="search-form">
                    <div>

                    </div>
                </form>
                <nav class="site-nav" role="navigation">
                    <ul id="menu-main" class="main-nav">
                        <li id="menu-item-1636" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1636"><a href="index.php"><span>Home</span></a></li>
                        <li id="menu-item-1637" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-has-children menu-item-1637"><a href="#"><span>Info</span></a>
                            <ul class="sub-menu">
                                <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="berita.php?id=0"><span>Berita</span></a></li>
                                <li id="menu-item-1790" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1790"><a href="artikel.php?id=0"><span>Artikel</span></a></li>
                                <li id="menu-item-1786" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1786"><a href="faq.php"><span>FAQ</span></a></li>
                            </ul>
                        </li>
                        <li id="menu-item-1639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1639"><a href="#"><span>Bidang</span></a>
                            <ul class="sub-menu">
                                <li id="menu-item-1692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1692"><a href="ekonomi.php"><span>Ekonomi</span></a></li>
                                <li id="menu-item-1693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1693"><a href="sosduk.php"><span>Sosduk</span></a></li>
                            </ul>
                        </li>
                        <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="#"><span>Monitoring</span></a></li>
                        <li id="menu-item-1787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1787"><a href="timeline.php"><span>Timeline</span></a></li>
                        <li id="menu-item-1639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1639"><a href="#"><span>Galeri</span></a>
                            <ul class="sub-menu">
                                <li id="menu-item-1692" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1692"><a href="http://www.pkl.stis.ac.id/pkl54"><span>Foto</span></a></li>
                                <li id="menu-item-1693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1693"><a href="#"><span>Video</span></a></li>
                            </ul>
                        </li>

                        <li id="menu-item-1696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1696"><a href="contact.php"><span>Kontak</span></a></li>
                    </ul>           
                </nav>
            </div>
        </header>

        
    
        <section id="twd-container">
            <h1 class="head">Coming Soon</h1>
            <div id="success">Thank you!</div>
            
        </section>
    
</body>
</html>